
<template>
  <el-card>
    <span>品牌名称：</span>
    <el-input v-model="page.BrandName" style="width: 240px" placeholder="请输入品牌名称" />
    <el-button type="primary" @click="getdata()">搜索</el-button>
  </el-card>
  <br><br>
  <el-card>
    <el-table :data="tableData" style="width: 100%">
    <el-table-column prop="brandName" label="品牌名称" width="600" />
    <el-table-column prop="createTime" label="创建时间" width="600" />
    
  </el-table>
  </el-card>
  
</template>

<script lang="ts" setup>
import { ref,onMounted,reactive } from 'vue'
import axios from 'axios';


const tableData = ref([])
const page=reactive({
  BrandName:'',
})
const getdata=()=>{
  axios({
    url:'http://localhost:5062/api/Mangers/BrandHandle',
    method:'get',
    params:{
      BrandName:page.BrandName,
    }
  })
  .then((res)=>{
    tableData.value=res.data.data;
    
  })
}
onMounted(()=>{
  getdata()
})
</script>
